<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <link rel="shortcut icon" href="./images/icon.png" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-市场信息管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
<link href="./js/toastr/toastr.css" rel="stylesheet">
<style>
    .label_name{width: 120px;}
    .pro_imgcon{width: 200px;overflow: hidden;float: left;margin: 10px 15px;}
    .pro_img{width: 100%;}
    .pro_img img{border-radius: 3px;height: 135px;}
    .pro_imginfo{width: 100%;float: left;overflow:hidden;}
    .pro_imginfo button{float: right;margin-top: 5px}
    .upload_con{border-top:1px solid #ddd;border-bottom: 0px;margin-top: 15px;float: left;}
    .pro_upload{width: 100%;float: left;}
    .uploadnav{margin-left: 8px;font-size: 15px;}
    .piccon{width:180px;display: inline-block;margin-top: 15px;padding: 0;}
    .ivu-upload-list{width: 300px;display: inline-block}
</style>
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>图片上传</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-input v-model="FName" placeholder="厂家姓名" @on-change="changeFactory"></i-input>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-select v-model="Province" placeholder="省份" @on-change="changeFactory">
                      <i-option value="北京市">北京市</i-option>
                      <i-option value="上海市">上海市</i-option>
                      <i-option value="天津市">天津市</i-option>
                      <i-option value="重庆市">重庆市</i-option>
                      <i-option value="河北省">河北省</i-option>
                      <i-option value="山西省">山西省</i-option>
                      <i-option value="辽宁省">辽宁省</i-option>
                      <i-option value="吉林省">吉林省</i-option>
                      <i-option value="黑龙江省">黑龙江省</i-option>
                      <i-option value="江苏省">江苏省</i-option>
                      <i-option value="浙江省">浙江省</i-option>
                      <i-option value="安徽省">安徽省</i-option>
                      <i-option value="福建省">福建省</i-option>
                      <i-option value="江西省">江西省</i-option>
                      <i-option value="山东省">山东省</i-option>
                      <i-option value="河南省">河南省</i-option>
                      <i-option value="湖北省">湖北省</i-option>
                      <i-option value="湖南省">湖南省</i-option>
                      <i-option value="广东省">广东省</i-option>
                      <i-option value="海南省">海南省</i-option>
                      <i-option value="四川省">四川省</i-option>
                      <i-option value="贵州省">贵州省</i-option>
                      <i-option value="云南省">云南省</i-option>
                      <i-option value="陕西省">陕西省</i-option>
                      <i-option value="甘肃省">甘肃省</i-option>
                      <i-option value="青海省">青海省</i-option>
                      <i-option value="台湾省">台湾省</i-option>
                      <i-option value="内蒙古自治区">内蒙古自治区</i-option>
                      <i-option value="广西壮族自治区">广西壮族自治区</i-option>
                      <i-option value="西藏自治区">西藏自治区</i-option>
                      <i-option value="宁夏回族自治区">宁夏回族自治区</i-option>
                      <i-option value="新疆维吾尔自治区">新疆维吾尔自治区</i-option>
                      <i-option value="香港特别行政区">香港特别行政区</i-option>
                      <i-option value="澳门特别行政区">澳门特别行政区</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;" >
                  <i-select v-model="Factory" placeholder="厂家" @on-change="changeProduct">
                      <i-option v-for="item in FactoryList" :value="item.value"  >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-select v-model="Product" placeholder="产品名称"  @on-change="changeUploadDiv(Product)">
                      <i-option v-for="item in ProductList" :value="item.value" >{{item.label}}</i-option>
                  </i-select>
              </i-col>
          </row>
      </div>


    <div class="table-margin">
        <div class="pro_imgcon" v-for="item in imageList" @click="Proinfo = true">
            <div class="pro_img"><img :src="item.IUrl" width="200"></div>
            <div class="pro_imginfo"><i-button size="small" type="primary" @click="delectImage(item.ID,item.FID,item.PID,item.IName)"  >删除</i-button></div>
        </div>
    </div>
    <!-- 上传资料开始 -->
    <div id="uploadDiv" class="upload_con" style="display: none;">
        <div class="uploadnav">上传图片:</div>
        <Upload
                ref="upload"
                :data="{'FID':Factory,'PID':Product}"
                :before-upload="handleUpload"
                :on-exceeded-size="handleMaxSize"
                :show-upload-list="false"
                :on-format-error="handleFormatError"
                :on-success="uploadSuccess"
                :format="['jpg','jpeg','png']"
                :max-size="5120"
                type="drag"
                action="./goImage/uploadImage" class="liulan">
            <i-button type="ghost" icon="ios-cloud-upload-outline">浏览</i-button>
        </Upload>
        <div class="pro_upload">
            <div class="piccon"><img id="ago" :src="src"> </div>
            <div class="ivu-upload-list" v-for="(item, index) in file" style="overflow: hidden">
                <i-button size="small" type="primary" @click="delectFile(item.name)"  >删除</i-button>
                <i-button size="small" type="primary" @click="upload"  >上传</i-button>
            </div>
        </div>

    </div>
    <!-- 上传资料结束 -->
</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/iview.min.js"></script>
<script src="./js/img/img_upload.js"></script>
<script src="./js/toastr/toastr.min.js"></script>
</html>

  

  

  

  

  
